// 封装一个初始化echarts的函数
import * as echarts from 'echarts'
import chinaMapData from '../data/china.json'

// 注册地图数据 这个名字是有用的
echarts.registerMap('china', chinaMapData as any)

/*
  参数是一个 dom 元素
*/
export default function (el: HTMLElement) {
  const myEchart = echarts.init(el) // 绑定容器 初始化

  // 给容器添加配置项
  const setOptions = (options: echarts.EChartsOption) => {
    myEchart.setOption(options)
  }

  const updateSize = () => {
    myEchart.resize()
  }

  // 监听页面变化 让图表跟随变化大小
  window.addEventListener('resize', () => {
    myEchart.resize()
  })

  return {
    myEchart,
    setOptions,
    updateSize
  }
}
